<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<h:outputScript library="primefaces" name="gmap/gmap.js" />
	<script type="text/javascript"
		src="http://maps.google.com/maps/api/js?sensor=false" />
</h:head>
<ui:composition template="template.xhtml">
	<ui:define name="content">
		<center>
			<h:form>
				<p:panelGrid columns="2">
					<f:facet name="header">
						Ventas por rutero
					</f:facet>
					<h:outputText value="Fecha" />
					<p:calendar value="#{ventas.fecha}" showOn="button" />
					<h:outputText value="Vendedor" />
					<p:selectOneMenu value="#{ventas.vendedor}">
						<f:selectItems value="#{ventas.vendedores}" />
					</p:selectOneMenu>
					<f:facet name="footer">
						<p:commandButton value="Buscar" action="#{ventas.buscar}"
							update="productos" />
					</f:facet>
				</p:panelGrid>
				<br />
				<p:dataTable var="lista" value="#{ventas.productos}"
					paginator="true" rows="10" id="productos">
					<f:facet name="header">
						<h:outputText value="#{ventas.titulo}" />
					</f:facet>
					<p:column>
						<f:facet name="header">
								Producto
							</f:facet>
						<h:outputText value="#{lista.nombre}" />
					</p:column>
					<p:column>
						<f:facet name="header">
								Total
							</f:facet>
						<h:outputText value="#{lista.total}" />
					</p:column>
					<f:facet name="footer">
						<p:panel header="Export All Data">
							<h:commandLink>
								<p:graphicImage value="/img/excel.png" />
								<p:dataExporter type="xls" target="productos" fileName="productos" />
							</h:commandLink>

							<h:commandLink>
								<p:graphicImage value="/img/pdf.png" />
								<p:dataExporter type="pdf" target="productos" fileName="productos" />
							</h:commandLink>

							<h:commandLink>
								<p:graphicImage value="/img/csv.png" />
								<p:dataExporter type="csv" target="productos" fileName="productos" />
							</h:commandLink>

							<h:commandLink>
								<p:graphicImage value="/img/xml.png" />
								<p:dataExporter type="xml" target="productos" fileName="productos" />
							</h:commandLink>
						</p:panel>
					</f:facet>
				</p:dataTable>
			</h:form>
		</center>
	</ui:define>
</ui:composition>
</html>